docs: add hero image to README#5058
Conversation
|
Cool! but the image needs to represent a real TG app, not a simulation. |
Per PR review: the image now embeds a real Terminal.Gui app running (menu bar, Explorer tree, New Project form, status bar) rather than a composed mock. Layout, stats, and footer links preserved.
|
@tig Thanks for quick review! I have updated with a real TG app image. |
|
That's still not real. Can you use UICatalog? or AllViewsTester? It'd be killer if it were a GIF that cycled through all Views like this:: 
|
Replaces the static hero screenshot with an animated version: - Embeds a real Terminal.Gui demo recording inside the hero frame so the motion carries the pitch. - Redesigns the surrounding chrome to a monochrome black/white/gray palette so the demo's ANSI colors pop. - README reference updated from hero.png to hero.gif.
|
@tig Thanks for suggesting. I added a real gif and re-design the tone to b&w for matching. I think this gif is cooler but just let me know if you still prefer AllViewsTester, or if you think the pace of the gif is too fast. |
|
Looking great! I did like the colors you had in the earlier versions (the static part) better than the latest. A few things I think a really worth highlighting in the gif:
If you really want to get ambitious with this see https://github.com/[gui-cs/TUIcast](https://github.com/gui-cs/TUIcast) I started that because i wanted a way of automaticaly creating gifs. And then I wanted something where I could say "Generate a gif showing each of the items in the bullets above for at least 3 seconds each." and an LLM would script it. I wanted to use it to generate GIFs of each View to replace the ANSI->HTML art that ./.docfx/scripts/OutputView curently generates when creating https://gui-cs.github.io/Terminal.Gui/docs/views.html I got it to the point where I could make it run via a workflow (on push), but not as a service... Then I got distracted with other things. I think its a pretty innovative concept! It was COMPLETEY vibe-coded - i didn't even look at any of the code. However, what you've done here is awesome and if you just want me to merge it I will. |
Updates the README hero: - New cyan→purple brand palette (Terminal white, .Gui gradient). - Full 55.6s Terminal.Gui demo loop stretched to preserve its 932×674 ratio. - Brighter stats band, unified meta tone on CROSS-PLATFORM / github / NuGet / MIT labels. - Re-rendered at 1200×580, 12 fps, 128 colors (10.0 MB).
|
Thank you! For sharing your thoughts and so kindly to allow merging. I cannot access TUIcast (404, maybe it is a private project). Anw, I managed to record a full cycle of features you suggested and changed back to the original color palette. The gif now significant longer but convey a lot more I think. If it is still not perfect, I can use your GIF above that cycled through all Views. Just let me know. |
|
The correct link is https://github.com/gui-cs/TUIcast. |
|
@livlign will you please add this to ./docfx/docs/index.md as well? |
|
@tig I updated /docfx/docs/index.md |
@BDisp Yes, that's the link I used and see 404 |
|
But did you click on my link? The link that @tig posted is malformed as https://github.com/%5Bgui-cs/TUIcast%5D(https://github.com/gui-cs/TUIcast) and that why yo get the 404 error. |
|
Yes, you can see the screenshot I posted above. |
It's really marked as private. |
Fixed. Now public. |
3 participants
Summary
Adds a hero image to the top of
README.mdthat surfaces what Terminal.Gui is at a glance — a cross-platform .NET TUI toolkit — with a composed mock of the actual widget set (menu bar, tree explorer, form with focused field, dropdown, checkboxes, chart, status bar).linesample.gifandlogo.pngembeds are left untouched — this is additive, not a replacementWhat's in the composition
Terminal+ gradient.Guiwordmark, cross-platform eyebrow.NET· Windows · macOS · Linux · MIT30+ Views,3 Platforms,TrueColor(Unicode · mouse),'17 SinceAll stats are drawn from the repo itself:
Terminal.Gui/Views/(~43 files, minus auxiliary types)2017-12-10("Initial commit")No volatile stats (no star count, no release version, no download count) so the image doesn't date itself.
Changes
docfx/images/hero.png(1200×580 @2×, ~113 KB)![…]line inREADME.mdbetween the tagline and the existing![logo]embedTest plan
README.mdon GitHub and confirm the hero renders between the tagline and the existing logo imagedocfx/images/hero.png+ remove the one new lineFeel free to close if the direction isn't aligned with the project's identity — happy to iterate on palette, copy, or composition, or drop it entirely.